<template>
  <div class="personnel">
    <div class="btn1">
      <el-button type="primary" plain size="medium" icon="el-icon-plus">新建</el-button>
      <el-button type="primary" plain size="medium" icon="el-icon-edit">编辑</el-button>
      <el-button type="primary" plain size="medium" icon="el-icon-delete">删除</el-button>
      <el-button type="primary" plain size="medium" icon="el-icon-watermelon">导入</el-button>
      <el-button type="primary" plain size="medium" icon="el-icon-orange">导出</el-button>
    </div>
    <div class="btn2">
      <el-table>
        <el-table-column type="selection" width="50"> </el-table-column>
        <el-table-column label="序号" prop="" width=""></el-table-column>
        <el-table-column label="姓名" prop="" width=""></el-table-column>
        <el-table-column label="性别" prop="" width=""></el-table-column>
        <el-table-column label="身份证号" prop="" width=""></el-table-column>
        <el-table-column label="所属单位" prop="" width=""></el-table-column>
        <el-table-column label="专业" prop="" width=""></el-table-column>
      </el-table>
      <el-pagination background :page-sizes="[7, 10, 15, 20]" :page-size="7"
        layout="total, prev, pager, next, sizes, jumper" :total="100">
      </el-pagination>
    </div>
  </div>
</template>
<script>
export default {
  name: "personnel",
  data() {
    return {};
  },
  activated() { },
  watch: {},
  created() { },
  mounted() { },
  methods: {},
};
</script>
<style lang="scss" scoped>
.personnel {
  padding-top: 30px;
  text-align: left;
}

.btn1,
.btn2 {
  margin-left: 10px;
}

.btn2 {
  margin: 30px 0;
}

.el-button {
  margin-right: 20px;
}
</style>
